<!--
 * @Author: hq
 * @Date: 2022-08-08 17:22:20
 * @LastEditors: hq
 * @LastEditTime: 2022-09-02 11:36:26
 * @Description: your project
 * @version: 1.0
-->
<template>
  <div>
    <transition name="anima" mode="out-in">
      <router-view :key="$route.fullPath" />
    </transition>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.anima-enter-active {
  animation: outIn 0.4s;
}
@keyframes outIn {
  0% {
    transform: translateX(-30px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
</style>
